@charset "utf-8";
@import "reset"; //引用reset的scss文件
@import "common";
section{
    width: 100%;
    height: 4736px;
    background: #ebecec;
    .haibao{
        width:100%;
        background: url(../img/bj3.png)  no-repeat;
        background-size:100%;
        overflow: hidden;
        
        .ull{
//          border: 1px solid red;
            margin: 127px 0 0 20%;
            width:223px;
            height: 323px;
            background: #f3f2f2;
            float: left;
            overflow: hidden;
            ul li span{
                margin-left:19px ;
                margin-right:9px ;
            }
            p img{
                margin-left: 32px;
                margin-top: 37px;
            }
            p a{
                margin-left: 56px;
                font-size: 12px;
                color: #828181;
            }
            p a:nth-child(2){
                margin-left: 5px;
            }
            ul li{
                margin-top: 25px;
                color: #818080;
                height: 20px;
                line-height: 20px;
                &:first-child{
                    margin-top: 35px;
                }
                a{
                    color: #c9c7c7;
                    font-size: 15px;
                }
                &:hover{
                background: #58636d;
                color: #ffffff;
            }
            }
            
        }//ull
        
        .dy{
            background: white;
            float: left;
            margin-left: 16px;
            margin-top: 127px;
            width:732px ;
            overflow: hidden;
            img{
            text-align: center;
            }
            p{
                text-indent: 2em;
            }
            
            h3{
                margin-left: 32px;
                margin-top: 51px;
                font-size: 12px;
                color:#747576;
                display: inline-block;
                a{
                    color:#747576;
                }
            }
            h3:nth-child(2){
                float: right;
                display: inline-block;
            } 
            h1:nth-child(4){
                margin:45px  auto  36px;
                text-align: center;
                color: #4b4b4b;
            }
            //地心引力
            .dxyl{
                width: 100%;
                overflow: hidden;
                h1{
                    margin:0  0   36px 31px;
                    text-align: left;
                    font-size: 17px;
                }
                .img1{
                    margin: 0 auto 35px;
                    text-align: center;
                }
                p{
                    margin-left: 5px;
                    color: #6b6c6d;
                    font-size: 14px;
                }
            }//地心引力
            
            //地心引力导演
            .daoy{
                width: 100%;
                overflow: hidden;
                h1{
                    margin:25px  0   16px 31px;
                    text-align: left;
                    font-size: 17px;
                }
                .img2{
                    margin: 0 auto 35px;
                    text-align: center;
                }
                p{
                    margin-left: 5px;
                    text-align: justify;
                    color: #6b6c6d;
                    font-size: 14px;
                }
                .img3{
                    margin:38px auto 169px;
                    text-align: center;
                }
            }//地心引力导演
            
            //饥饿游戏2
            .jegame{
                width: 100%;
                overflow: hidden;
                h1{
                    margin:25px  0   16px 31px;
                    text-align: left;
                    font-size: 17px;
                }
                .img4{
                    margin: 0 auto 42px;
                    text-align: center;
                }
                p{
                    margin-left: 5px;
                    color: #6b6c6d;
                    font-size: 13px;
                    margin-bottom: 5px;
                }
                .img5{
                    margin:0 auto 54px;
                    text-align: center;
                }
            }//饥饿游戏2
            
            //霍比特人2：史矛革之战
            .huobite{
                width: 100%;
                overflow: hidden;
                h1{
                    margin:65px  0   36px 31px;
                    text-align: left;
                    font-size: 17px;
                }
                .img6{
                    margin: 0 auto 35px;
                    text-align: center;
                }
                p{
                    margin-left: 5px;
                    color: #6b6c6d;
                    font-size: 14px;
                }
            }//霍比特人2：史矛革之战
            
            //霍比特人2：史矛革之战，导演:彼得•杰克逊
            .daoy2{
                width: 100%;
                overflow: hidden;
                h1{
                    margin:65px  0   36px 31px;
                    text-align: left;
                    font-size: 17px;
                }
                .img7{
                    margin: 0 auto 35px;
                    text-align: center;
                }
                .img8{
                    margin: 40px auto 0;
                    text-align: center;
                }
                p{
                    margin-left: 5px;
                    color: #6b6c6d;
                    font-size: 14px;
                }
            }//霍比特人2：史矛革之战，导演:彼得•杰克逊
            
            
            
        }//dy
    }//海报
}
